<nav id="mainnav-container">
    <div id="mainnav">

        <!--Menu-->
        <!--================================-->
        <div id="mainnav-menu-wrap">
            <div class="nano">
                <div class="nano-content">

                    <!--Profile Widget-->
                    <!--================================-->
                    <div id="mainnav-profile" class="mainnav-profile">
                        <div class="profile-wrap">
                            <div class="pad-btm">
                                <span class="label label-success pull-right">New</span>
                                <img class="img-circle img-sm img-border" src="/static/img/profile-photos/1.png"
                                     alt="Profile Picture">
                            </div>
                            <a href="#profile-nav" class="box-block" data-toggle="collapse" aria-expanded="false">
                                            <span class="pull-right dropdown-toggle">
                                                <i class="dropdown-caret"></i>
                                            </span>
                                <p class="mnp-name">亚瑟</p>
                                <span class="mnp-desc">aaron.cha@themeon.net</span>
                            </a>
                        </div>
                        <div id="profile-nav" class="collapse list-group bg-trans">
                            <a href="#" class="list-group-item">
                                <i class="demo-pli-male icon-lg icon-fw"></i> 查看资料
                            </a>
                            <a href="#" class="list-group-item">
                                <i class="demo-pli-gear icon-lg icon-fw"></i> 设置
                            </a>
                            <a href="#" class="list-group-item">
                                <i class="demo-pli-information icon-lg icon-fw"></i> 帮助
                            </a>
{#                            <a href="{{ url_for('index.logout') }}" class="list-group-item">#}
{#                                <i class="demo-pli-unlock icon-lg icon-fw"></i> 登出#}
{#                            </a>#}
                        </div>
                    </div>


                    <!--Shortcut buttons-->
                    <!--================================-->
                    <div id="mainnav-shortcut">
                        <ul class="list-unstyled">
                            <li class="col-xs-3" data-content="My Profile">
                                <a class="shortcut-grid" href="#">
                                    <i class="demo-psi-male"></i>
                                </a>
                            </li>
                            <li class="col-xs-3" data-content="Messages">
                                <a class="shortcut-grid" href="#">
                                    <i class="demo-psi-speech-bubble-3"></i>
                                </a>
                            </li>
                            <li class="col-xs-3" data-content="Activity">
                                <a class="shortcut-grid" href="#">
                                    <i class="demo-psi-thunder"></i>
                                </a>
                            </li>
                            <li class="col-xs-3" data-content="Lock Screen">
                                <a class="shortcut-grid" href="#">
                                    <i class="demo-psi-lock-2"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!--================================-->
                    <!--End shortcut buttons-->


                    <ul id="mainnav-menu" class="list-group">

                        <!--Category name-->
                        <li class="list-header">组件</li>
                        <!--Menu list item-->
                        <li>
                            <a href="#">
                                <i class="fa fa-briefcase"></i>
                                <span class="menu-title">俱乐部管理</span>
                                <i class="arrow"></i>
                            </a>
                            <!--Submenu-->
                            <ul class="collapse">
                                <li><a href="{{ url_for('club.club_list_page') }}">俱乐部列表</a></li>
{#                                <li><a href="{{ url_for('category.type_list') }}">文章分类</a></li>#}
                            </ul>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa fa-briefcase"></i>
                                <span class="menu-title">用户管理</span>
                                <i class="arrow"></i>
                            </a>
                            <!--Submenu-->
                            <ul class="collapse">
                                <li><a href="{{ url_for('user.user_list_page') }}">用户列表</a></li>
{#                                <li><a href="{{ url_for('category.type_list') }}">文章分类</a></li>#}

                            </ul>
                        </li>

                        <!--Menu list item-->
                        <li>
                            <a href="#">
                                <i class="fa fa-edit"></i>
                                <span class="menu-title">分享管理</span>
                                <i class="arrow"></i>
                            </a>
                            <ul>
{#                                <li><a href="{{ url_for('comment.comment_list') }}">文章评论</a></li>#}
                            </ul>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa fa-plug"></i>
                                <span class="menu-title">系统定制</span>
                                <i class="arrow"></i>
                            </a>
                            <ul>
                                <li><a href="{{ url_for('others.custom_blog') }}">基本信息</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa fa-th"></i>
                                <span class="menu-title">其它管理</span>
                                <i class="arrow"></i>
                            </a>
                            <ul>
                                <li><a href="{{ url_for('aboutus.about_list') }}">关于我们</a></li>
                                <li><a href="{{ url_for('others.account') }}">用户账户</a></li>
                                <li><a href="{{ url_for('others.help') }}">帮助</a></li>
                            </ul>
                        </li>

                        <li class="list-divider"></li>
                    </ul>


                </div>
            </div>
        </div>
        <!--================================-->
        <!--End menu-->

    </div>
</nav>